@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
 
 SHARP Web Manual

 AccMenu CSS
 

//////////////////////////////////////////////////////////////*/

*{
	font-family:Arial, Helvetica, sans-serif;

}
#logo {
	padding:8px 0px 11px 15px;
	color:#ffffff;
	width:905px;
	text-align:left;
	height:13px;
}
	#logoImg {
		display:block;
		float:left;
	}
	#modelNo {
		float:right;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0px 5px 0px 0px;
		font-weight:bold;
	}
body {
	text-align:center;
	background:#000;
	margin:0;
}
#wrapper {
	text-align:left;
	margin: 0 auto;
	width:940px;
	*width:960px;
}

/*##########################################

 Header 

##########################################*/

#header {
	height:55px;
	padding-top:1px;
	background:url('../images/web/2rdBackHeader.jpg') repeat-x top;
	*width:840px;
}

* html #header {
	width:840px;
	height:55px;
	padding-top:1px;
	background:url('../images/web/2rdBackHeader.jpg') repeat-x top;
}

h1.contentsTitle {
	color:#fff;
	font-size:25px;
	color:#fff;
	font-size:25px;
	font-weight:bold;
	margin:0px;
	padding:11px 10px 8px 6px;
	height:50px;
	*width:500px;
	*float:left;
}

.contentsSubTitle {


	*width:50px;
	*float:left;	
}
/*##########################################

 Footer

##########################################*/

#menuFooter { 
	height: 67px;
	left:56px;
	background:url('../images/web/2rdBackFooter.jpg') repeat-x #000;
}
* html #menuFooter { 
	height: 67px;
	left:56px;
	width:840px;
	background:url('../images/web/2rdBackFooter.jpg') repeat-x #000;
}
a.topBtn {
	width: 211px;
	height: 45px;
	font-size:18px;
	line-height: 44px;
	background: url("../images/btn_b4_blue_off.gif") no-repeat;
	display: block;
	margin: 21px 7px 0px -5px;
	text-align:center;
	float: left;
	color: #fff;
		text-decoration: none;
}
a.topBtn:hover {
	background: url("../images/btn_b4_blue_on.gif") no-repeat;
}
/*##########################################

 Right Column 

##########################################*/

#rightcolumn {
	background:url('../images/web/2rdBackRight.jpg') right bottom;
	height: 627px;
	width: 38px;
	float:left;
}

* html #rightcolumn { 
	background:url('../images/web/2rdBackRightIE6.jpg') left bottom;
	height: 627px;
	width: 18px;
	float:left;
}
/*
* html #rightcolumn img {
	margin-left:18px;
}
*/
/*##########################################

Left Column 

##########################################*/
#leftcolumn { 
	background:url('../images/web/2rdBackLeft.jpg') bottom;
	*background:url('../images/web/2rdBackLeftIE6.jpg') bottom !important;
	height: 627px;
	width: 50px;
	float:left;
}



/*##########################################

 Center Column 

##########################################*/

#centercolumn { 
	width:840px;
	float:left;
	background:#182947;
}
* html #centercolumn { 
	width:810px;
	float:left;
	background:#182947;
}
.contentsArea {
	/*height:504px;*/
	overflow-y:auto;
}

/*##########################################

 Accordian

##########################################*/

/*-----------------------------*/
/* accordion_headings */
/*-----------------------------*/
.accordion_headings {
	cursor: pointer;
	font-family: 'Andale Mono', sans-serif;
	font-size: 20px;
	color: #ffffff;
	margin:0px 0px 0px 0px;
	min-height:56px;
	height: auto !important;	
	line-height:23px;
	padding:0px;
	cursor:pointer;
	background:url('../images/tabMenuBack/tabMenuBackOff.jpg') no-repeat #182947;
	background-position:bottom left;
	/*background-position: -1px 10px;*/
	min-height: 56px;	/*モダンブラウザに適用*/
	height: auto !important;	/*モダンブラウザに適用*/
	height: 56px;	/*全ブラウザに適用*/	
}

.accordion_child{
	padding:0px;
	background:url('../images/tabMenuBack/tabMenuBackAccChild.jpg') repeat-y;
}

/*-----------------------------*/
/* accordion_headingsSingleLink */
/*-----------------------------*/

.accordion_headingsSingleLink {
	cursor: pointer;
	font-family: 'Andale Mono', sans-serif;
	font-size: 20px;
	line-height:23px;
	background: #fff;
	color: #ffffff;
	padding:0px;
	height: auto !important;	
	cursor:pointer;
	background:url('../images/tabMenuBack/headingsSingleLinkBack.jpg') no-repeat;
	background-color:#182947;
	background-position:bottom left;
	min-height: 43px;	/*モダンブラウザに適用*/
	height: auto !important;	/*モダンブラウザに適用*/
	height: 43px;	/*全ブラウザに適用*/	
}

	.accordion_headingsSingleLink a {
		color: #ffffff;
	}

.accContentsChild3rd {
	margin-top:15px;
}

/*-----------------------------*/

/*-----------------------------*/
.header_highlight{
	background:url('../images/tabMenuBack/tabMenuBackOn.jpg') no-repeat;
	background-position:bottom left;	
}
/*.header_highlight:hover {
	background:url('../images/tabMenuBack/tabMenuBackOn.jpg') no-repeat #182947;
	background-position:bottom left;	
}*/
#accordion {
	margin:0px 0px;
}

/*-----------------------------*/

/*-----------------------------*/
.accordion_headingsSingleLink h2 {
	margin:0px;
	padding:0px 0px 0px 15px;
	color:#FEFF6F;
	width:570px;
	*width:565px;
	word-wrap: break-word;
	background:url(../images/tabMenuBack/titleListStyle.gif) no-repeat left;
}


.accordion_headings h2 {
	margin:0px;
	padding:0px 0px 0px 15px;
	color:#FEFF6F;
	word-wrap: break-word;
	width:760px;
	background:url(../images/tabMenuBack/menuArrowRight.gif) no-repeat left;
}
.header_highlight h2 {
	margin:0px;
	padding:0px 0px 0px 15px;
	color:#FEFF6F;
	width:760px;
	background:url(../images/tabMenuBack/menuArrowBottom.gif) no-repeat left;
	word-wrap: break-word;
}

/*-----------------------------*/

/*-----------------------------*/	
h3 {

	margin:0px;
	color:#FEFF6F;
	padding:0px 0px 0px 15px;
	font-size:18px; /*←システム設定の一番下の階層のタイトルはここいじる*/
	line-height:20px;
	margin-left:-20px;
	margin-bottom:0px;
	background:url(../images/tabMenuBack/titleListStyle.gif) no-repeat left;
}



h4 {
	margin:0px;
	color:#FEFF6F;
	padding:0px 0px 0px 15px;
	font-size:16px;
	line-height:25px;
	margin-top:5px;
	margin-left:30px;
	margin-bottom:5px;
	display:block;
	height:25px;	
	background:url(../images/tabMenuBack/titleListStyle.gif) no-repeat left;
}
/*-----------------------------*/

.elements p, .elements h4 {
	margin:0px;
	padding:4px;
	overflow:hidden;
}
/*-----------------------------*/

/*-----------------------------*/
.accordion_child div.childContents {
	color: #ffffff;
	display:block;
	width:665px;
	padding:14px 5px 2px 20px;
	font-size:20px;
}

a.childChild {
	color: #ffffff;
	display:block;
	padding:10px 5px 5px 117px;
	font-size:20px;
}

blockquote {
	padding:5px 20px;
}

.cl {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: left;
	margin: 0px;
	padding: 0px;
}

/*-----------------------------*/

/*-----------------------------*/
.accordion_headings {
	/*background-color:#182947;
	width:810px;*/
}
/*-----------------------------*/

/*-----------------------------*/


.accHeaderBack {
	*height:5px;
	*font-size:0px;
}

*:first-child+html .accHeaderBack {
	height:15px;
}

.accFooterBack {
	font-size:0px;
	margin:0px;	
}
.accHeaderBackChild {
	font-size:0px;
	margin:0px;	
}
.accFooterBackChild {
	font-size:0px;
	margin:0px;	
}
/*-----------------------------*/

/*-----------------------------*/
.accContents {
	padding:10px 10px 10px 30px;
	margin-bottom:0px;
}
.accContents p {
	width:550px;
	font-size:16px;
	line-height:140%;
	margin:0px;
	padding-bottom:10px;
}
.accContents h2 {
	font-size:20px;
	margin-left:-20px;
	margin-bottom:5px;
	display:block;
}
.accContents span {
	font-size:12px;
}
/*-----------------------------*/

/*-----------------------------*/
.accContentsChild {
	/*background:url('../images/tabChildbacksContents.jpg') repeat-y;*/
	/*font-size:16px;*/
	padding:0px 0px 0px 65px;	
	min-height:30px;
}

.accContentsChild h3 {
	width:500px;
	font-size:20px;
	margin-bottom:10px;
	line-height:120%;
}

.accContentsChild p {
	width:500px;
	font-size:16px;
	line-height:140%;
	margin:0px;	
	padding-bottom:10px;	
}

/*-----------------------------*/

/*-----------------------------*/

.btArea {
	text-align:right;
	margin-top:-40px;

}
.btStep {
	display:block;
	margin-left:512px;
	margin-top:0px;
	width:180px;
}

.btOutline {
	display:block;
	margin-left:512px;
	width:180px;
}

.singleBt {
	*margin-top:0px !important;
}


img{
	vertical-align:top;

}
.accordion_child img,.accHeaderBack img,.btOutline img,.btStep img {
	*vertical-align:bottom;
	 display:inline;
	 border: none;
}

.accordion_headingsSingleLink .accContents .btArea {
	text-align:right;
	margin-top:-35px;
	*margin-top:-20px;
	width:770px;
	*margin-left:0px;

}
.accordion_headingsSingleLink .accContents .btArea .btStep {
	display:block;
	margin-left:570px;
	margin-top:0px;
	width:180px;
}
.accordion_headingsSingleLink .accContents .btArea .btOutline {
	display:block;
	margin-left:570px;
	margin-top:-35px;
*margin-top:0px;
	width:180px;	
}



.accContentsChild3rd {
	margin-left:100px;
	width:460px;
	*margin-left:0px;
	*padding-left:100px;
}
.accContentsChild3rd .btArea {
	margin-top:0px;

	width:310px;
}
.accContentsChild3rd .btArea .btOutline {
	margin-left:477px;	
}

.btArea a {
	text-align:right;
	border:0px;
}
.btArea img{
	border:0px;	

}

a#read_more{
	color:orange;
	font-size:16px;
}

a#read_more{
	color:orange;
	font-size:16px;
}
.func{
	font-size:15px;
}
/* 説明文内のリンク */
p a {
	color:#ffffff;
	text-decoration: underline;
	margin:0px;
}

p a:visited {
	color:#ffffff;
}

/* 表 */

table {
	margin:10px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	width:750px;
	color:#ffffff;
}

table th {
	padding:4px;
	text-align:center;
	vertical-align:center;
	color:#000099;
	background-color:#99CCFF;
	border:1px solid #ffffff;
	line-height:140%;
	font-size:16px;
}

table td {
	padding:4px;
	border:1px solid #ffffff;
	line-height:140%;
	/* font-size:16px; */
}

div#titleArea p{
	color:white;
	position:relative;
	width:650px;
	top:-68px;
	left:180px;
	*margin-top:-60px;
	*top:0px;
	*margin-bottom:-50px;
}

.contentsTitleENP {
	left:300px !important;
	width:520px !important;
	top:-78px !important;
	*top:0px !important;
}
